<template>
  <div class="commission">
    <h3>佣金流水</h3>
    <div class="teamInner">
      <div class="fromInput">
        <p>
          <el-time-select
            v-model="value"
            :picker-options="{
              start: '08:30',
              step: '00:15',
              end: '18:30'
            }"
            placeholder="选择时间"
          ></el-time-select>
        </p>
        <p>
          佣金状态:
          <el-select v-model="value" placeholder="请选择状态">
            <el-option
              v-for="item in options"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            ></el-option>
          </el-select>
        </p>
        <p>
          订单状态:
          <el-select v-model="value" placeholder="请选择状态">
            <el-option
              v-for="item in options"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            ></el-option>
          </el-select>
        </p>
        <p>
          所属团长：
          <input type="text" />
        </p>
        <p>
          订单号：
          <input type="text" placeholder="请输入订单号" />
        </p>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.commission {
  width: 100%;
  height: 100%;
  .teamInner {
    width: 100%;
    .fromInput {
      width: 100%;
      height: 100px;
      align-items: center;
      background: #ccc;
      display: flex;
      justify-content: space-between;
      padding: 15px 0;
      p {
        padding-right: 50px;
        input {
          width: 250px;
          height: 40px;
          text-indent: 10px;
          border: 1px solid #ccc;
          border-radius: 5px;
        }
      }
    }
  }
}
.el-main {
  display: flex;
}
</style>